<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Aruk - Multipurpose Woocommerce Store</title>
    <link rel="stylesheet" href="../../css/style.css">
    <link rel="stylesheet" href="../../font_img/font-home/iconfont.css">
    <link rel="stylesheet" href="../../css/navigation.css">
    <link rel="stylesheet" href="../../css/bottom-map.css">
    <link rel="stylesheet" href="../../css/way.css">
    <link rel="stylesheet" href="../../css/banner1.css">
    <link rel="stylesheet" href="../../css/shoppingCart.css">
</head>

<body>
    <div class="shoppingcar">
        <div class="shoppingcar-nav">
            <div class="navigation">
                <div class="container">
                    <div class="logo">
                        <a href="../../home.html">
                            <img src="../../img/logo/logo.png" alt="">
                        </a>
                    </div>
                    <div class="main-menu">
                        <ul>
                            <li>
                                <a href="../../home.html">HOME
                                    <div></div>
                                </a>


                            </li>
                            <li><a href="./shop.html">SHOP
                                    <div></div>
                                </a></li>
                            <li><a href="./collection.html">COLLECTION
                                    <div></div>
                                </a></li>
                            <li><a href="./aboutUs.html">ABOUT
                                    <div></div>
                                </a></li>
                            <li><a href="./blog.html">BLOG
                                    <div></div>
                                </a></li>
                            <li><a href="./contact.html">CONTACT
                                    <div></div>
                                </a></li>
                        </ul>
                    </div>
                    <div class="span-icon">
                        <div class="display-flex display-right">
                            <a href="#">
                                <span class="iconfont icon-tianchongxing-"></span>
                            </a>
                            <a href="#"><span class="iconfont icon-wodedangxuan"></span></a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="placement">
                <span class="iconfont icon-weibajiantoushang
                "></span>
            </div>
        </div>
        <div class="shop-banner">
            <div class="banner1">
                <div class="shop">
                    <div class="shop-title">
                        <div class="title-inner">
                            <h2>SHOPPING CART</h2>
                            <div class="title-a df"> <a href="#">Home</a>
                                <span></span>
                                <a href="">Shopping cart</a>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 主体部分 -->
        <div class="shoppingCar-main">
            <div class="cart-table">
                <div class="table">
                    <div class="table-title df">
                        <div class="first"><span>PRODUCT NAME</span></div>
                        <div><span>UNIT PRICE</span></div>
                        <div><span>QUANTITY</span></div>
                        <div><span>TOTAL</span></div>
                    </div>
                    <div class="table-body">
                        <!-- eg -->
                        <!-- <div class="table-th df">
                            <div class="first">
                                <img src="../../img/products/31.png" alt="">
                                <div><a href="./shop.html">Leather shoes for men</a></div>
                            </div>
                            <div><span class="42" id="danjia">$42.00</span></div>
                            <div>
                                <div class="btn df"><span class="jian" onclick="cl1(this)">-</span><input type="text"
                                        value="1"><span class="add" onclick="cl2(this)">+</span></div>
                            </div>
                            <div>
                                <span class="sum">$42.00</span>
                                <div class="remove" onclick="del(this)">x</div>
                            </div>
                        </div> -->

                    </div>
                    <div class="table-button df">
                        <div class="df">
                            <div class="table-btn">CLEAR SHOPPING CART</div>
                            <div class="table-btn margin25">UPDATE SHOPPING CART</div>
                        </div>

                        <div class="table-btn">CONTINUE SHOPPING</div>
                    </div>
                </div>
            </div>
            <div class="shopping-sum df">
                <div class="sum-left">
                    <h6>Counpon discount</h6>
                    <p>Enter your code if you have one. Pellentesque habitant morbi tristique senectus et netus et
                        malesuada
                        fames ac turpis
                        egestas. Vestibulum tortor quam, feugiat vitae</p>
                    <form action="#">
                        <input placeholder="Enter your code here" type="text"> <button>APPLY COUNPON</button>
                    </form>
                </div>
                <div class="sum-right">
                    <h6>Cart Total</h6>
                    <li>GRAND TOTAL <span>$20.00</span></li>
                    <p>Checkout with Mutilple Adresses</p>
                    <button>PROCEED TO CHECKOUT</button>
                </div>
            </div>
        </div>
        <div class="shopping-bottom">
            <div class="bottom-map">
                <div class="bottom-map-inner width">
                    <div class="top">
                        <div class="foot-widget first">
                            <div class="logo">
                                <a href="../../home.html">
                                    <img src="../../img/logo/logo.png" alt="">
                                </a>
                            </div>
                            <ul>
                                <li>Email: <span>1965892300@qq.com</span></li>
                                <li>Phone: +137 313 19326</li>
                            </ul>
                            <p>
                                Subscribe to our newsleter and stay
                                up to date with latest offers and
                                upcoming trends.
                            </p>
                            <div class="email"> <input type="email" placeholder="Email">
                                <span class="iconfont icon-arrowRight
                "></span>
                            </div>

                        </div>
                        <div class="foot-widget">
                            <h4>About Us</h4>
                            <ul class="allUl">
                                <li><a href="./aboutUs.html">Our Outlets
                                        <div class="xiantiao"></div>
                                    </a></li>
                                <li><a href="./aboutUs.html">Sales and Retails <div class="xiantiao"></div></a></li>
                                <li><a href="./aboutUs.html">Areas we serve <div class="xiantiao"></div></a></li>
                                <li><a href="./aboutUs.html">Career at aruk <div class="xiantiao"></div></a></li>
                                <li><a href="./contact.html">Contact Us <div class="xiantiao"></div></a></li>
                            </ul>
                        </div>
                        <div class="foot-widget">
                            <h4>Help and Support</h4>
                            <ul class="allUl">
                                <li><a href="./aboutUs.html">Track my order
                                        <div class="xiantiao"></div>
                                    </a></li>
                                <li><a href="./aboutUs.html">Our top products
                                        <div class="xiantiao"></div>
                                    </a></li>
                                <li><a href="./shoppingCart.html">My cart
                                        <div class="xiantiao"></div>
                                    </a></li>
                                <li><a href="./aboutUs.html">Sign in
                                        <div class="xiantiao"></div>
                                    </a></li>
                                <li><a href="./shippingCalculator.html">Shipping Calculator
                                        <div class="xiantiao"></div>
                                    </a></li>
                            </ul>
                        </div>
                        <div class="foot-widget last">
                            <h4>Pages & Resources</h4>
                            <ul class="allUl">
                                <li><a href="./aboutUs.html">About Us
                                        <div class="xiantiao"></div>

                                    </a></li>
                                <li><a href="./collection.html">Shop Page
                                        <div class="xiantiao"></div>

                                    </a></li>
                                <li><a href="./collection.html">Category page
                                        <div class="xiantiao"></div>

                                    </a></li>
                                <li><a href="./aboutUs.html">Sign in page
                                        <div class="xiantiao"></div>

                                    </a></li>
                                <li><a href="./404.html">404 page
                                        <div class="xiantiao"></div>

                                    </a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="bottom-out">
                    <div class="bottom">
                        <div class="copyright">
                            <p>Copyright © 2020 | Designed by <span>Wpsmasher</span></p>
                        </div>
                        <div class="social-icon">
                            <ul>
                                <li><a href="#"><span class="iconfont icon-facebook"></span></a></li>
                                <li><a href="#"><span class="iconfont icon-twitter"></span></a></li>
                                <li><a href="#"><span class="iconfont icon-instagram"></span></a></li>
                                <li><a href="#"><span class="iconfont icon-v"></span></a></li>
                            </ul>
                        </div>
                        <div class="policy">
                            <p class="first">Terms of Use</p>
                            <p>Privacy Policy</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="../../js/jquery-3.5.1.js"></script>
    <script src="../../js/navigation.js"></script>
    <script src="../../js/bottom-map.js"></script>
    <script src="../../js/way.js"></script>
    <script src="../../js/shoppingCart.js"></script>
    <script>
    </script>
</body>

</html>